import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import styleImport from 'vite-plugin-style-import'

var path = require('path')

// // https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    styleImport({
      libs: [
        {
          libraryName: 'vant',
          esModule: true,
          resolveStyle: (name) => `vant/es/${name}/style`,
        },
      ],
    }),
  ],
  resolve: {
    alias: {
      'vue': 'vue/dist/vue.esm-bundler.js',
      '/@/':  path.resolve(__dirname, './src')
    },
  },
  server: {
    https: false,
  },
  build: {
    root: path,
    outDir: 'dist',
    assetsDir: 'assets',
  },
  // ssr: false,
  // server: {
  //   proxy: {
  //     '/api': {
  //       'target': 'http://127.0.0.1:60002',
  //       changeOrigin: true,
  //       rewrite: path = path.replace(/^\/api/, '')
  //     },
  //   }
  // }
  // alias : {
  //     '/@/':  path.resolve(__dirname, './src')
  // },
})
// import vue from '@vitejs/plugin-vue'

// -------------------------

// import Vant from 'vant'
// export default defineConfig({
//   // plugins: [Vant],
//   proxy: {
//     '/api': {
//         target: 'http://127.0.0.1:3000',
//         changeOrigin: true,
//     }
//   },
//   // 项目启动的根路径
//   // root:  '../gulu-mobile-edit-html',
//   // 入口
//   entry: 'index.html',
//   // 出口
//   outDir: './../public',
//   // 打包后的跟路径
//   base:'/',
//   // 输出的静态资源的文件夹名称
//   assetsDir:'assets',
//   // 是否开启ssr服务断渲染
//   ssr: false,
//   // 重命名路径  path.resolve(__dirname, './src')
//   alias : {
//       '/@/':  path.resolve(__dirname, './src')
//   },
//   // 端口
//   port: 3002,
//   // 是否自动开启浏览器
//   open: false,
//   // 开启控制台输出日志
//   silent: false,
//   // 哪个第三方的包需要重新编译
//   optimizeDeps:[],
// }) 